<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--引入bootstrap核心css-->
    <link rel="stylesheet"  th:href="@{/webjars/bootstrap/3.3.5/css/bootstrap.min.css}" href="../static/boot/css/bootstrap.min.css" />
    <!--引入jquery核心js文件-->
    <script th:src="@{/webjars/jquery/3.5.1/jquery.min.js}" src="../static/boot/js/jquery-3.5.1.min.js"></script>
    <!--引入bootstrap核心js文件-->
    <script th:src="@{/webjars/bootstrap/3.3.5/js/bootstrap.min.js}" src="../static/boot/js/bootstrap.min.js"></script>



    <link rel="stylesheet" href="../static/css/chart1.css">
<!--    <link rel="stylesheet" href="/webjars/bootstrap/3.3.7/css/bootstrap.min.css">-->

<!--    <script src="webjars/jquery/3.5.1/jquery.min.js"></script>-->
<!--    <script src="webjars/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
    <script src="https://code.highcharts.com/highcharts.js"></script>
</head>
<body>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-9">
            <div class="box" id="container1" style="width:100%;height:200px"></div>
            <div class="box" id="container2" style="width:100%;height:200px"></div>
            <div class="box" id="container3" style="width:100%;height:200px"></div>
        </div>
        <div class="col-sm-3" style="background-color: black;height: 600px">
            <div class="row">
                <div class="col-sm-2">
                    <h4 style="color:#33ff33">
                        HR
                    </h4>
                    <h5 style="color:#33ff33">
                        120
                        <br>
                        <br>
                        50
                    </h5>
                </div>
                <div class="col-sm-4">
                    <p style="margin-top: 20%">
                        <font size="15" color="#33ff33">81</font>
                    </p>
                </div>
                <div class="col-sm-3" style="color:#33ff33">
                    <h4 style="text-align: left">
                        %SpO2
                        <br>
                        PVC
                        <br>
                        STindx
                    </h4>

                </div>
                <div class="col-sm-3" style="color:#33ff33">
                    <h4 style="text-align: right">
                        99
                        <br>
                        0
                        <br>
                        7.5
                    </h4>

                </div>
            </div>
            <div class="row">
                <h3 style="color: darkred">NBP&nbsp;&nbsp;111/85(&nbsp;91)</h3>
            </div>
        </div>
    </div>
</div>


<input id="data1" type="hidden" th:value="${#httpServletRequest.getAttribute('fWaveJsonArray')}">
<input id="data2" type="hidden" th:value="${#httpServletRequest.getAttribute('mixJsonArray')}">
<input id="data3" type="hidden" th:value="${#httpServletRequest.getAttribute('ecgJsonArray')}">


<!--<input id="data1" type="text" th:value="${fWaveJsonArray}">-->
<!--<button id="btn">按钮</button>-->
<script src="../static/js/testFWave.js"></script>
<script src="../static/js/mixConfig.js"></script>
<script src="../static/js/ecgConfig.js"></script>

</body>
</html>
